// ////////////////////////////////////////////////////////////////////////////////
// // 1. 支持 ES Modules 的 import 声明
// ////////////////////////////////////////////////////////////////////////////////

// import createHeading from './heading.js'
// import better from './better.png'
// import './main.css'

// const heading = createHeading()
// const img = new Image()
// img.src = better
// document.body.append(heading)
// document.body.append(img)

// ////////////////////////////////////////////////////////////////////////////////
// // 2. 支持 CommonJS 的 require 函数
// ////////////////////////////////////////////////////////////////////////////////

// const createHeading = require('./heading.js').default
// const better = require('./better.png')
// require('./main.css')

// const heading = createHeading()
// const img = new Image()
// img.src = better
// document.body.append(heading)
// document.body.append(img)

// ////////////////////////////////////////////////////////////////////////////////
// // 3. 支持 AMD 的 require / define 函数
// ////////////////////////////////////////////////////////////////////////////////

// define(['./heading.js', './better.png', './main.css'], (createHeading, better) => {
//   const heading = createHeading.default()
//   const img = new Image()
//   img.src = better
//   document.body.append(heading)
//   document.body.append(img)
// })

// require(['./heading.js', './better.png', './main.css'], (createHeading, better) => {
//   const heading = createHeading.default()
//   const img = new Image()
//   img.src = better
//   document.body.append(heading)
//   document.body.append(img)
// })

////////////////////////////////////////////////////////////////////////////////
// 4. 部分 loader 加载的资源中一些用法也会触发资源模块加载
////////////////////////////////////////////////////////////////////////////////

import './main.css'
import createHeading from './heading.js'
import footerHtml from './footer.html'
import md from './about.md'
// console.log9('121')
document.write(footerHtml)
document.body.append(createHeading())
document.write(md)
const ul = document.createElement('ul')
document.body.append(ul)
fetch('/api/users') // http://localhost:8080/api/users
  .then(res => res.json())
  .then(data => {
    data.forEach(item => {
      const li = document.createElement('li')
      li.textContent = item.login
      ul.append(li)
    })
  })
  let lastEditor = createHeading()
  if(module.hot){
      module.hot.accept('./heading',()=>{
        console.log('heading改动了')  //手动监听每个文件的热更新
        const value = lastEditor.innerHTML
        document.body.removeChild(lastEditor)
        const newEditor = createEditor()
        newEditor.innerHTML = value
        document.body.appendChild(newEditor)
        lastEditor = newEditor
      })
  }


  console.log(API_BASE_URL)
 const  hedeng=()=>{
   return 'a'
   console.log('哈哈哈')
 }
 